<!-- contain BEGIN -->
<div class="right-product right-full background-input animate-time" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
  <!-- [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }" -->
  <div class="relative">
      <div class="center-back right-back">
          
          <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '系统管理', 'threeLevel' : '中心管理' }"></app-breadcrumb>

          <!-- 操作 BEGIN -->
          <div class="button-group">
              <button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#add" >
                  <span class="glyphicon glyphicon-plus"></span> 新增
              </button>
              <button type="button" class="btn btn-default btn-md yellow" (click)="deletes()"  [disabled]="removeTableService.getRemoveTableId.length == 0">
                  <span class="glyphicon glyphicon-trash"></span> 批量删除
              </button>

              <div class="input-group pull-right search-width" >
                  <input type="text" class="form-control search-input" placeholder="请输入中心名称搜索" [(ngModel)]="searchData.name" (input)="changesearch()" (keyup.enter)="changesearch()">
                  <span class="input-group-addon search-btn" (click)="search()">
                      <img src="assets/right-product/search.png">检索
                  </span>
              </div>
          </div>
          <!-- 操作 END -->
          <div class="container-fluid">
              <div class="info-center">
                  <!-- 角色组列表内容 BEGIN -->
                  <div class="contain">
                      <div class="clearfix"></div>
                      <app-central-table #centralTable 
                                       [tableNumber]="tableNumber" 
                                       [searchData]="searchData.name"
                                       (tabeListOutput)="ParentList($event)" 
                                       (isSelectFromTable)="isSelectFromTableHandler($event)"
                                       >
                      </app-central-table>
                  </div>
                  <!-- 角色组列表内容 BEGIN -->

              </div>
              <div class="info-bottom">
                  <app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
              </div>
          </div>
      </div>
  </div>
</div>
<!-- contain END -->

<!--add-->
<app-central-add (addOutput)="ParentAdd($event)"></app-central-add>
<!--add end-->

<!-- 删除 BEGIN -->
<app-central-delete (deleteOutput)="ParentDelete($event)"></app-central-delete>
<!-- 删除 END -->
